<template>
    <div class="common-layout">
        <el-container>
            <commonLeft></commonLeft>
            <el-container>
                <el-header>
                    <commonHeader />
                </el-header>
                <commonTag></commonTag>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
import commonHeader from '../components/commonHeader.vue'
import commonLeft from '../components/commonLeft.vue';
import commonTag from '../components/commonTag.vue';

</script>

<style lang='less' scoped>
.el-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #474747;
}
</style>